
// 弹框样式
.el-dialog{
  background-color: #fff;
  border: 0;
  border-radius: 6px;
  background-clip: padding-box;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  .el-dialog__header{
    padding: 14px 16px;
  }
  .el-dialog__body{
    border-top: 1px solid #e8eaec;
    border-bottom: 1px solid #e8eaec;
    padding: 16px;
    max-height: 500px;
    overflow: auto;
  }
  .el-dialog__footer{
    padding: 12px 18px 12px 18px;
  }
}

.icon-blue {
  color: #3c8dbc !important;
}

.icon-purple {
  color: #605ca8 !important;
}

.icon-green {
  color: #00a65a !important;
}

.icon-red {
  color: #dd4b39 !important;
}

.icon-yellow {
  color: #f39c12 !important;
}

.icon-gray {
  color: #9C9C9C !important;
}

.icon-black {
  color: #000000 !important;
}
.el-menu{
  border:none;
  .el-submenu__title,.el-menu-item{
    color: hsla(0,0%,100%,.7);
    &:hover{
      color: #fff;
    }
  }
  .el-submenu{
    &.is-active{
      .el-submenu__title *{
        color: #fff !important;
      }
    }
  }
  .el-menu-item{
    &.is-active{
      border-right: none;
      color: #fff;
      background: #2d8cf0!important;
    }
  }
}
.el-submenu,.el-menu-item{
  .glyphicon,[class^=el-icon-] {
    vertical-align: middle;
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px;
  }
}
